
<template>
  <div v-show="show" class="noData" id="noDataBox">
    <div class="noData-container">
      <div class="noData-icon">
        <img src="./noTicket.png" alt="" />
      </div>
      <div class="title">{{text}}</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show:false
    };
  },
  props:{
    text:{
      type: String,
      default: '暂无卡券'
    }
  },
  mounted() {
   
  },
  methods: {},
};
</script>

<style lang="stylus" rel="stylesheet/stylus">
@import '../../../common/stylus/mixin.styl';

.noData {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #F5F5F5;
  min-height: 100vh;

  .noData-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;

    .noData-icon {
      width: 2.16rem;
      height: 2.16rem;

      img {
        width: 100%;
        display: block;
      }
    }

    .title {
      width: 100%;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #999999;
      text-align: center;
      line-height: 14px;
      margin-top: 0.32rem;
    }
  }
}
</style>
